﻿<style type="text/css">
    body{background:#e8eaf6;}
    .bank-list{margin-top: 20px;}
    .bank-list li{height: 115px;width: 90%;margin: 0 auto;margin-top: 10px;border-radius: 5px;}
    .bank-cont{padding-top: 20px;margin-left: 15px;overflow: hidden;}
    .cont-a{background: #fff;height: 40px;width: 40px;border-radius: 50%;float: left;}
    .cont-a img{width: 30px;height: 30px;display:block;;margin: 0 auto;margin-top: 5px;}
    .cont-b{float: left;margin-left: 10px;}
    .cont-b h2{font-size: 17px;color: #fff;display: inline-block;}
    .cont-b h2 span{font-style: italic;font-size: 14px;color: #fff;margin-left: 20px;color: #eee;font-weight: 700;}
    .cont-b .style-b{font-size: 13px;color: #fff}
    .list-bottom{clear: both;margin-left:65px;margin-top: 14px;font-size: 20px;color: #fff;}
    .bank-bottom{background: #fff;width: 100%;height: 50px;position: fixed;bottom: 0px;}
    .bank-bottom a{display: inline-block;text-align: center;width: 50%;float: left;color: #999;height: 50px;}
    .bank-bottom a i{font-size: 25px;display: block;}
    /*银行卡颜色*/
    .bank-colora{background-color:#f26b6b }
    .bank-colorb{background-color:#3ea5a9 }
    .bank-colorc{background-color:#6296d1 }
</style>
<div class="bank-list">
    <ul>
        <li class="bank-colorc" onclick="mview.view.load('/views/User/setting_alipay.html')">
            <div class="bank-cont">
                <div class="cont-a">
                    <img src="/Images/Icons/alipay.png">
                </div>
                <div class="cont-b">
                    <h2>支付宝<span>快捷支付</span></h2>
                    <p class="style-b" v-text="bag.basis.info.username">-</p>
                </div>
            </div>
            <div class="list-bottom" v-text="bag.basis.info.alipayno">-</div>
        </li>
        <li class="bank-colorb" onclick="mview.view.load('/views/User/setting_wechat.html')">
            <div class="bank-cont">
                <div class="cont-a">
                    <img src="/Images/Icons/wechat.png">
                </div>
                <div class="cont-b">
                    <h2>微信<span>快捷支付</span></h2>
                    <p class="style-b" v-text="bag.basis.info.username">-</p>
                </div>
            </div>
            <div class="list-bottom" v-text="bag.basis.info.wechat">-</div>
        </li>
        <li class="bank-colora" onclick="mview.view.load('/views/User/setting_bank.html')">
            <div class="bank-cont">
                <div class="cont-a">
                    <img src="/Images/Icons/bank.png">
                </div>
                <div class="cont-b">
                    <h2>银行卡<span>工商银行</span></h2>
                    <p class="style-b" v-text="bag.basis.info.username">-</p>
                </div>
            </div>
            <div class="list-bottom" v-text="bag.basis.info.bankno">-</div>
        </li>
    </ul>
</div>
<div style="height:60px;"></div>
<script type="text/javascript">
    var pagedata = {
        request: {
            method: "VIEW_USER_PAYMEET"
        },
        screen: {
            header_display: true,
            header_title_name: "个人设置",
            header_exit_name: "返回",
            header_exit_click: function () {
                mview.view.load('/views/User/main.html')
            },
            footer_display: true,
            footer_choose: "user"
        },
        data: {

        },
        methods: {
        }
    }
    mview.view.chlid.init(pagedata);
</script>